<script setup lang="ts">
import { PageProps } from '@/hooks/usePage'
import { messagePageAPI, messageReadBatchAPI } from '@/api/message'
import Item from './components/zanORcommentItme.vue'
const MeScrollPageREF = ref()
const page = reactive<PageProps>({
    params: {
        bizTab: 5 // 业务tab：1.系统通知 2.服务通知 3.评论 4.新粉丝 5.赞/收藏
    },
    fetchData: messagePageAPI
})
/**
 * "100.订单 <br>"+
 * "200.服务协议更新 <br>"+
 * "300.U万变动 301.购买会员 <br>"+
 * "400.评论产品 401.评论视频 403.评论帖子 <br>"+
 * "500.用户粉丝 <br>"
 * 600.点赞产品 601.点店铺 602.点赞视频 603.点赞帖子 <br>"+
 * "700.收藏产品 701.收藏店铺 702.收藏视频 703.收藏帖子 <br>")
 */
const bindListObj = {
    600: '点赞了你的产品',
    601: '点赞了你的店铺',
    602: '点赞了你的视频',
    603: '点赞了你的帖子',
    700: '收藏了你的产品',
    701: '收藏了你的店铺',
    702: '收藏了你的视频',
    703: '收藏了你的帖子',
    100: '订单',
    200: '服务协议更新',
    300: 'U万变动',
    301: '购买会员',
    400: '评论产品',
    401: '评论视频',
    403: '评论帖子',
    500: '用户粉丝'
}

//批量已读赞收藏
const batchRead = () => {
    messageReadBatchAPI({
        type: [6, 7],
        ids: (page.data as any[]).map((item: any) => item.id)
    })
}
</script>

<template>
    <view>
        <wxTopStatus backgroundColor="#fff">
            <view class="nav-title">赞/收藏</view>
        </wxTopStatus>

        <MeScrollPage type="body" ref="MeScrollPageREF" :page="page" @onGetListLafer="batchRead">
            <view class="list">
                <Item :data="page.data" :bindListObj="bindListObj"></Item>
            </view>
        </MeScrollPage>
    </view>
</template>

<style scoped lang="scss"></style>
